<!DOCTYPE html>
<html>
<head lang="zh">
	<meta charset="UTF-8">
	<meta name="author" content="Ford Zhang">
	<meta name="description" content="一个hgroup的示例">
	<link rel="stylesheet" href="css/base.css">
	<style>
		h1, h2, h3
		{
			background-color: grey;
			color: #ffffff;
		}
		hgroup > h1
		{
			margin-bottom: 0;;
		}
		hgroup > h2
		{
			background-color: #808080;
			color: #ffffff;
			font-size: 1em;
			margin-top: 0;;
		}
	</style>
	<title>关于hgroup的示例</title>
</head>
<body>
<noscript>此文档需要JavaScript支持才能正常使用</noscript>
<!-- 定义页头 -->
<header>
	<hgroup>
	<h1>Fruits I Like</h1>
	<h2>How I Learned to Love Citrus</h2>
	</hgroup>
	I like apples and oranges.
	<h2>Additional fruits</h2>
	I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes.
	<h3>More information</h3>
	You can see other fruits I like <a href="#">here</a>.

	<h1>Activities I Like</h1>
	<p>I like to swim, cycle and run. I am in training for my first triathlon, but it is hard work.</p>
	<h2>Kinds of Triathon</h2>
	There are different kinds of triathlon - sprint, Olypic and so on.
	<h3>The kind of triathlon I am aiming for</h3>
	I am aiming for Olympic, which consists of the following:
	<ol>
		<li>1.5km swim</li>
		<li>40km cycle</li>
		<li>10km run</li>
	</ol>
</header>

<!-- 定义边栏，书写说明或者放致导航菜单 -->
<aside>
	<nav>
		<ul>

		</ul>
	</nav>
</aside>
<!-- 定义页面内容 -->
<div id="container">

</div>
<!-- 页面内容结束 -->
<!-- 定义页尾 -->
<footer>

</footer>
<!-- JavaScript脚本链接请在此处插入 -->
</body>
</html>